<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>矿井信息管理</title>
	<meta name="decorator" content="default"/>
	<link href="${ctxStatic}/bootstrap/base/bootstrap.min.css" rel="stylesheet" />
	<!-- <style type="text/css">
		.content {
		    padding: 15px 20px 30px;
		    background-color: #01101de6;
		    height: 100vh;
		}
		.box {
		    position: relative;
		    background-color: #04253f;
		    border-bottom: 0px solid #d7dbdd;
		    margin-bottom: 20px;
		    -webkit-border-radius: 3px;
		    -moz-border-radius: 3px;
		    border-radius: 3px;
		    width: 100%;
		}
		.box .box-header{
		    position: absolute;
    		width: 100%;
			border-radius: 3px 3px 0 0;
		    border-bottom: 1px solid rgba(0, 0, 0, 0.0);
		    padding-bottom: 0px;
		    background-color: #03213a;
		}
		.box .box-body{
			position: absolute;
			top: 0;
			padding: 46px 20px 20px;
		    border-radius: 0 0 3px 3px;
		}
		.box .box-header .box-title {
		    display: inline-block;
		    padding: 20px 0px 10px 0;
		    margin: 0 0 0 20px;
		    font-size: 18px;
		    float: left;
		    cursor: default;
		    font-weight: bold;
		    color: #FFF;
		}
		
		.box .box-body,
		.box .box-body > .chart{
		    overflow: hidden;
    		width: 100%;
		}
		.row, .col-md-6, .col-md-12, .box-primary, .chart-responsive, .chart{
			height: 100%;
		}
	</style> -->
</head>
<body>
	<section class="content">
		<div class="row">
		    <div class="col-md-12">
		        <div class="box box-primary">
		            <div class="box-body chart-responsive">
		                <div class="chart" id="chart1"></div>
		            </div>
		            <div class="box-header">
		                <h3 class="box-title">近3年安全隐患统计</h3>
		            </div>
		        </div>
	        </div>
	</section>
	
	<script src="${ctxStatic}/js/echarts/accident.js" type="text/javascript"></script>
	<script>
		var myChart1 = echarts.init(document.getElementById('chart1'));
		myChart1.setOption(accidentOption);
		
		var timer = null;
		$(window).resize(function(){
			clearTimeout(timer);
			timer = setTimeout(function(){
				myChart1.resize();
			}, 200);
		});
	</script>
</body>
</html>